<template>
  <div class="app" id="app">
      <div class="box">
          <comp-header></comp-header>
          <comp-content></comp-content>
          <comp-footer></comp-footer>
      </div>
  </div>

</template>

<script>
import compHeader from "./components/compHeader";
import compContent from "./components/compContent";
import compFooter from "./components/compFooter";
export default {
  name: 'App',
    components:{
        compHeader,
        compContent,
        compFooter
    }
}
</script>

<style lang="scss">
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul li{
    list-style: none;
}
.box{
    margin: 20px auto;
    padding: 20px 10px;
    width: 500px;
    border: 1px solid #1e90ff;
    border-radius: 4px;
}
</style>
